Помогите найти ошибку

[Bizon4ik]

Доброе время суток.

Вот над чем я мучаюсь: http://jsfiddle.net/Bizon4ik/4hd3Y/

Помогите понять:

1 Почему "menu_top" подчеркивание сверху над текстом, а не снизу.

2 Почему не работает абсолютное позиционирование в ul?

Заранее спасибо

[deadrash]

Не понятно что вы пытались сделать таким кодом.

Во первых - position:absolute; и float:left; взаимоисключают друг друга. Во вторых, li может быть только внутри ul. а внутри ul может быть только li

Вот так нужно? http://jsfiddle.net/tbh62/

[wwt]

А где у вас главный ul ?

Может быть нужно как-то так http://jsfiddle.net/4hd3Y/1/

[Bizon4ik]

Спасибо за ответ. Очень помогло.

Не сочтите за наглость, но позволю себе задать еще один вопрос:

Не могу понять почему не появляется подменю при наведении мышкой на пункт "Branchs". Вот код: http://jsfiddle.net/Bizon4ik/rw7Nd/

П.С. меню точно работает, провел путем замены строки

#menu_top ul #branch:hover ul

на строку

#menu_top ul:hover ul

но тогда под меню появляется при выборе любого пункта, а мне нужно только через Branchs

Edited April 14, 2013 by Bizon4ik

[decode]

Спасибо за ответ. Очень помогло.

Не сочтите за наглость, но позволю себе задать еще один вопрос:

Не могу понять почему не появляется подменю при наведении мышкой на пункт "Branchs". Вот код: http://jsfiddle.net/Bizon4ik/rw7Nd/

П.С. меню точно работает, провел путем замены строки

#menu_top ul #branch:hover ul

на строку

#menu_top ul:hover ul

но тогда под меню появляется при выборе любого пункта, а мне нужно только через Branchs

Твой вариант:

<li id="branch"><a href="#">Branchs</a></li>

<li>

<ul>

<li><a href="#">HO</a></li>

<li><a href="#">Vinnitsa</a></li>

<li><a href="#">Donetsk</a></li>

</ul>

</li>

Как надо:

<li id="branch"><a href="#">Branchs</a>

<ul>

<li><a href="#">HO</a></li>

<li><a href="#">Vinnitsa</a></li>

<li><a href="#">Donetsk</a></li>

</ul>

</li>

Отличия найдешь думаю)

Edited April 14, 2013 by decode

[Bizon4ik]

Да, я нашел отличия . Огромное вам спасибо.